<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core" xmlns:ui="http://java.sun.com/jsf/facelets">

	<h:head>
		<meta charset="utf-8" />

		<title><ui:insert name="title">Ticketer</ui:insert></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="description" content="Ticketer" />
		<meta name="author" content="Dominik Pechhacker" />
  
  
		<!-- Le styles -->
		<link rel="stylesheet" href="css/foundation.min.css" />
		<link href="css/style.css" rel="stylesheet" />
		<link href="http://fonts.googleapis.com/css?family=Josefin+Sans:400,100,700" rel="stylesheet" type="text/css" />
		
		<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	
		<!-- Le fav and touch icons -->
		<link rel="shortcut icon" href="img/icons/favicon.ico" />

	</h:head>
	<h:body>

<f:view>


	<ui:insert name="lilabg">
	<div id="lilabg" class="small">
		&nbsp;
	</div>
	</ui:insert>
	



<!-- Header and Nav -->

  <div class="row" id="header">
    <div class="four columns">
      <h1><a href="index.xhtml"><img src="img/logo.png" alt="Ticketer" id="logo" /></a></h1>
    </div>
    
    <div class="three columns push-five">
      <c:if test="#{loginBean.isLoggedIn() == true}">
      	<div style="margin:0 5px 0 10px">#{loginBean.getCustomer().geteMail()}</div>
      </c:if>
      <c:if test="#{loginBean.isLoggedIn() == false}">
      	<a href="login.xhtml">Login</a>
        <a style="margin:0 5px 0 10px" href="register.xhtml">Registrieren</a>
      </c:if>
      
      <a href="warenkorb.xhtml"><button id="cart"><img src="img/icons/shopping_cart.png" alt="Warenkorb" /><span><ui:insert name="cartCount">#{cartBean.getTotalTicketCount()}</ui:insert></span></button></a>
      <!-- <ul class="nav-bar right">
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
      </ul> -->
    </div>
    
    <div class="five columns pull-three">   <!-- TODO: CHANGE SEARCH BUTTON LINK TO FORM -->
    <h:form>
	    <h:inputText class="search" value="#{eventBean.namesearch}"/>
	    	<h:commandButton action="/eventslist" class="search" image="img/icons/search.png" />
    </h:form>
    </div>
  </div>
<!-- End Header and Nav -->


<ui:insert name="content">

</ui:insert>


  <!-- Footer -->

  <footer>
  <div class="row">
    <div class="twelve columns">
      <hr />
      <div class="row">
        <div class="six columns">
          <p>&copy; Copyright FH JOANNEUM Kapfenberg - ITM10<br /></p>
        </div>
        <div class="six columns">
          <ul class="inline-list right">
          	<ui:insert name="footer">
            <li><a href="login.xhtml">Anmelden</a></li>
            <li><a href="register.xhtml">Registrieren</a></li>
            <li><a href="#">Events suchen</a></li>
            <li><a href="#">Warenkorb</a></li>
            <li><a href="addevent.xhtml">Events eintragen</a></li>
            </ui:insert>
          </ul>
        </div>
      </div>
    </div>
    </div>
  </footer>


    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script type="text/javascript">
    	var primeFacesWorkaround = typeof jQuery != "undefined";
    </script>
    <script src="js/plugins/jquery.js"></script>
    <script type="text/javascript">
    	if (primeFacesWorkaround) {
    		$.noConflict();
    	}
    </script>
    
    <!-- to stop conflict with primefaces -->
    <script type="text/javascript">
		jQuery.noConflict();
	</script>


    <!-- <script src="js/plugins/bootstrap.js"></script>
    <script src="js/plugins/screenfull.js"></script>
    <script src="js/plugins/jquery.hotkeys.js"></script>
    <script type="text/javascript" src="js/pages/main.js" />-->
    <script src="js/plugins/modernizr.foundation.js"></script>
    <script src="js/plugins/foundation.min.js"></script>

    <ui:insert name="scripts">
    
    </ui:insert>
</f:view>
</h:body>
</html>
